import { menuList } from "../../request/api.js"

const state = {
    list: []
}

const mutations = {
    changeList(state, arr) {
        state.list = arr
    }
}

const actions = {
    reqChangeList(context) {
        menuList({ istree: true }).then(res => {
            //这样写的目的可以规避掉null的问题，万一我们列表没有数据，而后端恰好返回的是null那么渲染页面就有问题，这样写完了，如果后端返回的是null，我们就转成空数组
            let list = res.data.list ? res.data.list : []
            context.commit("changeList", list)
        })
    }
}

const getters = {
    list(state) {
        return state.list
    }
}

export default {
    state,
    mutations,
    actions,
    getters,
    namespaced: true
}